<template>
  <div class="user-wd">
    <c-header></c-header>
    <div class="user-main">
        <div class="user-layout clearfix">
          <div class="user-nav-container fl">
            <userNavBar></userNavBar>
          </div>
          <div class="user-nav-right fr">
            <div class="nav-right-container">
              <router-view ></router-view>
            </div>
          </div>
        </div>
    </div>
  </div>
</template>
<script>
import cHeader from '@/components/layout/centerHeader.vue'
import userNavBar from '@/components/layout/UserNavBar'
export default {
  components: {
    cHeader,
    userNavBar
  },
  computed: {
  },
  created () {
  }
}
</script>

<style lang="less" scoped>
.user-wd{
  margin-top: 60px;
  width: 100%;
  height: 100%;
  background-color: rgba(247, 248, 250, 1);
}
.user-main {
  width: 1200px;
  margin: 0px auto;
}
.user-layout {
  height: 100%;
  position: absolute;
  padding: 12px 0px 25px;
  overflow: hidden;
  box-sizing: border-box;
}
.user-nav-container {
  width: 250px;
  box-sizing: border-box;
  overflow: hidden;
  background-color: rgba(247, 248, 250, 1);
}
.user-nav-right {
  width: 920px;
  margin-left: 30px;
  height: 96%;
  padding: 0px 0px 50px;
  overflow: hidden;
  box-sizing: border-box;
}
.nav-right-container::-webkit-scrollbar {
  display: none;
}
.nav-right-container {
  height: 100%;
  overflow-x: hidden;
  overflow-y: scroll;
  padding: 0px 30px 0px;
  scrollbar-width: none;
  -ms-overflow-style: none;
  background: #fff;
}
.nav-right-footer {
  color: #9b9b9b;
  font-size: 14px;
  text-align: center;
  width: 100%;
  background: #f7f8fa;
  height: 40px;
  line-height: 40px;
  .nav-right-span {
    padding: 0 5px;
  }
}
</style>
